.search-bar {
  padding-top: 30px;
  padding-bottom: 60px;
  background: url(~@/assets/bg.jpg) repeat center;
  &-container {
    max-width: @app-max-width;
    margin: 0 auto;
    padding: 16px;
    text-align: center;
  }
  h1, h3, input, i, span, .ant-tag {
    color: #eee;
  }
  .search-text {
    max-width: 600px;
    margin: 0 auto;
    padding: 8px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.18);
    .text-input {
      height: 50px;
      background-color: rgba(255,255,255,0.35);
      border-color: #696969;
      &:hover {
        border-color: @primary-color;
      }
      input {
        font-size: 18px;
        background: transparent;
      }
      .ant-input-clear-icon {
        vertical-align: -4px;
      }
    }
  }
  .search-tag {
    margin: 32px 0;
  }
  .search-clear {
    display: block;
    font-size: 16px;
  }
}
